﻿<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>产品中心</title>
  <meta name="description" content=""/>
  <meta name="keywords" content=""/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />

  <link href="css/aos.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
  <link href="css/nystyle.css" rel="stylesheet">
  <link rel="stylesheet" href="css/bootstrap.css"/>

  <script src="js/jquery.js"></script>
  <script src="js/jquery.superslide.2.1.1.js"></script>
  <script src="js/touchslide.1.1.js"></script>

</head>
<body>
<!--顶部开始-->
<div class="head_main_top">
  <div class="w1200 clearfix">
    <div class="left">您好，欢迎访问:福建百纳在线网络技术有限公司官网！</div>
    <div class="right">
      <ul class="mbx">
        <li><a href="about.html" title="关于我们">关于我们</a></li>
        <li><a href="contact.html" title="联系我们">联系我们</a></li>
      </ul>
    </div>
  </div>
</div>
<!--顶部结束-->

<!--头部开始-->
<div class="head_main_nav">
  <div class="w1200">
    <div class="logo fl" aos="fade-right" aos-easing="ease" aos-duration="700">
      <a href="index.html"  title="">
        <img src="picture/logo.png" alt=""></a>
    </div>
    <div class="tel_main" aos="fade-left" aos-easing="ease" aos-duration="700">
      <span class="ico"></span>
      <p class="zx">全国咨询热线</p>
      <h3 class="webTel">+4008-990-990</h3>
    </div>


    <!--手机端导航-->
    <div class="nav_btn">
      <a href="#modal" class="second fr">导航</a>
    </div>
    <div id="modal">
      <ul class="app_nav">
        <li class="navli"><a href="index.html">网站首页</a></li>
        <li class="navli"><a href="about.html" title="关于我们">关于我们</a></li>
        <li class="navli"><a href="product.html" title="产品中心">产品中心</a></li>
        <li class="navli"><a href="news.html" title="新闻动态">新闻动态</a></li>
        <li class="navli"><a href="product.html" title="工程案例">工程案例</a></li>
        <li class="navli"><a href="product.html" title="荣誉资质">荣誉资质</a></li>
        <li class="navli"><a href="message.html" title="在线留言">在线留言</a></li>
        <li class="navli"><a href="server.html" title="服务领域">服务领域</a></li>
        <li class="navli"><a href="contact.html" title="联系我们">联系我们</a></li>
      </ul>
    </div>
    <script src="js/jquery.pageslide.min.js"></script>
    <script>
      $(".first").pageslide();
      $(".second").pageslide({ direction: "left", modal: true });
    </script>
    <!--手机端导航-->

  </div>
</div>
<!--头部结束-->

<!--导航开始-->
<div class="header_main por" id="header_main" aos="fade-down" aos-easing="ease" aos-duration="700">
  <div class="header w1200 clearfix">
    <div id="nav_main">
      <ul class="nav clearfix" id="nav">
        <li>
          <a class="aLink" href="index.html">网站首页<i></i></a>
        </li>
        <li class=''>
          <a class="aLink" href="about.html" title="关于我们">关于我们<i></i></a>
          <ul class="subnav">
            <li class="nav1"><a href="about.html" title="公司简介">公司简介</a></li>
            <li class="nav1"><a href="about.html" title="企业文化">企业文化</a></li>
          </ul>
        </li>
        <li class='hover'>
          <a class="aLink" href="product.html" title="产品中心">产品中心<i></i></a>
          <ul class="subnav">
            <li class="nav1"><a href="product.html" title="产品一类">产品一类</a></li>
            <li class="nav1"><a href="product.html" title="产品二类">产品二类</a></li>
            <li class="nav1"><a href="product.html" title="产品三类">产品三类</a></li>
            <li class="nav1"><a href="product.html" title="产品四类">产品四类</a></li>
            <li class="nav1"><a href="product.html" title="产品五类">产品五类</a></li>
            <li class="nav1"><a href="product.html" title="产品六类">产品六类</a></li>
          </ul>
        </li>
        <li class=''>
          <a class="aLink" href="news.html" title="新闻动态">新闻动态<i></i></a>
          <ul class="subnav">
            <li class="nav1"><a href="news.html" title="行业新闻">行业新闻</a></li>
            <li class="nav1"><a href="news.html" title="企业新闻">企业新闻</a></li>
          </ul>
        </li>
        <li class=''>
          <a class="aLink" href="product.html" title="工程案例">工程案例<i></i></a>
          <ul class="subnav">
            <li class="nav1"><a href="product.html" title="案例展示一">案例展示一</a></li>
            <li class="nav1"><a href="product.html" title="案例展示二">案例展示二</a></li>
            <li class="nav1"><a href="product.html" title="案例展示三">案例展示三</a></li>
            <li class="nav1"><a href="product.html" title="案例展示四">案例展示四</a></li>
          </ul>
        </li>
        <li class=''><a class="aLink" href="product.html" title="荣誉资质">荣誉资质<i></i></a>
          <ul class="subnav">
          </ul>
        </li>
        <li class=''>
          <a class="aLink" href="message.html" title="在线留言">在线留言<i></i></a>
          <ul class="subnav">
          </ul>
        </li>
        <li class=''>
          <a class="aLink" href="server.html" title="服务领域">服务领域<i></i></a>
          <ul class="subnav">
            <li class="nav1"><a href="server.html" title="多金属回收">多金属回收</a></li>
            <li class="nav1"><a href="server.html" title="废物处置">废物处置</a></li>
            <li class="nav1"><a href="server.html" title="城市利用">城市利用</a></li>
            <li class="nav1"><a href="server.html" title="新能源开发利用">新能源开发利用</a></li>
          </ul>
        </li>
        <li class=''>
          <a class="aLink" href="contact.html" title="联系我们">联系我们<i></i></a>
          <ul class="subnav">
          </ul>
        </li>
      </ul>
    </div>
  </div>
</div>
<!--导航结束-->

<!--内页大图开始-->
<div class="nybanner" aos="fade-up" aos-easing="ease" aos-duration="700">
  <img src="picture/nybanner.jpg"/>
</div>
<!--内页大图结束-->


<div class="wrapper">
  <div class="location" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
  <div class="w1200 clearfix">
    <div class="sitepath fl" aos="fade-right" aos-easing="ease" aos-duration="700">
      <s class="icon"></s>
      <a href="index.html">主页</a> >
      <a href="product.html">产品中心</a> >
    </div>
    <!--栏目分类开始-->
    <div class="menu fr" aos="fade-left" aos-easing="ease" aos-duration="700"> 
      <li><a href="product.html" title="">产品一类<i></i></a></li>
      
      <li><a href="product.html" title="">产品二类<i></i></a></li>
      
      <li><a href="product.html" title="">产品三类<i></i></a></li>
      
      <li><a href="product.html" title="">产品四类<i></i></a></li>
      
      <li><a href="product.html" title="">产品五类<i></i></a></li>
      
      <li><a href="product.html" title="">产品六类<i></i></a></li>
       </div>
    <!--栏目分类结束--> 
  </div>
</div>

  <div class="w1200 clearfix">
    <div class="part_2">
      <div class="ntitle2" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
        <div class="w1200 clearfix">
          <h3>产品中心<s></s></h3>
        </div>
      </div>
      <!--产品列表开始-->
      <div class="girdlist huxin" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="200">
        <div class="w1200">
          <ul class="list clearfix">
            <li class="item clearfix">
              <a class="img" href="product_vd.html" title="">
                <img src="picture/1-1z10zu3150-l.jpg" alt="">
              <div class="item_mask">
                <div class="item_link_icon icon"></div>
              </div>
              </a><a class="txt" href="product_vd.html" title="">
              <p>产品中心标题</p>
              <i class="icon"></i></a>
            </li>
            <li class="item clearfix">
              <a class="img" href="product_vd.html" title="">
                <img src="picture/1-1z10zu2400-l.jpg" alt="">
              <div class="item_mask">
                <div class="item_link_icon icon"></div>
              </div>
              </a><a class="txt" href="product_vd.html" title="">
              <p>产品中心标题</p>
              <i class="icon"></i>
            </a>
            </li>
            <li class="item clearfix">
              <a class="img" href="product_vd.html" title="">
                <img src="picture/1-1z10zu2190-l_1.jpg" alt="">
              <div class="item_mask">
                <div class="item_link_icon icon"></div>
              </div>
              </a><a class="txt" href="product_vd.html" title="">
              <p>产品中心标题</p>
              <i class="icon"></i>
            </a>
            </li>
            <li class="item clearfix"><a class="img" href="product_vd.html" title="">
              <img src="picture/1-1z10zu1310-l.jpg" alt="">
              <div class="item_mask">
                <div class="item_link_icon icon"></div>
              </div>
              </a><a class="txt" href="product_vd.html" title="">
              <p>产品中心标题</p>
              <i class="icon"></i></a>
            </li>
            <li class="item clearfix">
              <a class="img" href="product_vd.html" title="">
                <img src="picture/1-1z10zt9470-l.jpg" alt="">
              <div class="item_mask">
                <div class="item_link_icon icon"></div>
              </div>
              </a><a class="txt" href="product_vd.html" title="">
              <p>产品中心标题</p>
              <i class="icon"></i></a>
            </li>
            <li class="item clearfix">
              <a class="img" href="product_vd.html" title="">
                <img src="picture/1-1z10qh5420-l_1.jpg" alt="">
              <div class="item_mask">
                <div class="item_link_icon icon"></div>
              </div>
              </a>
              <a class="txt" href="product_vd.html" title="">
              <p>产品中心标题</p>
              <i class="icon"></i>
              </a>
            </li>
          </ul>


          <!--分页样式-->
          <div class="pglist">
            <li><a>首页</a></li>
            <a class="hover">1</a>
            <li><a href='news_vd.html'>2</a></li>
            <li><a href='news_vd.html'>下一页</a></li>
            <li><a href='news_vd.html'>末页</a></li>
          </div>



        </div>
      </div>
      <!--产品列表结束--> 
    </div>
  </div>
</div>



<!--页尾开始-->
<div class="footer_main">
  <div class="footer clearfix">
    <div class="part1 w1200 clearfix" aos="fade-up" aos-easing="ease" aos-duration="700">
      <!--联系我们开始-->
      <div class="foot_z">
        <h3>联系我们<i></i></h3>

        <p>福建百纳在线网络技术有限公司</p>
        <ul>
          <li>邮箱：bainahr@bainaonline.cn</li>
          <li>热线：4008-990-990</li>
          <li>电话：+0591-63188590</li>
          <li>传真：+0591-63188990</li>
        </ul>
      </div>
      <!--联系我们结束-->


      <!--在线留言开始-->
      <div class="foot_y">
        <h3>在线留言<i></i></h3>

        <form class="form_book" action="" enctype="multipart/form-data" method="post" onsubmit="return checkForm();">
          <input type="hidden" name="action" value="post"/>
          <input type="hidden" name="diyid" value="1"/>
          <input type="hidden" name="do" value="2"/>

          <div class="item item5 clearfix">
            <input class="txt" placeholder="姓名" type="text" name="name" id="name">
          </div>
          <div class="item item4 clearfix">
            <input class="txt tel" placeholder="电话" name="tel" id="tel">
          </div>
          <div class="item item1 clearfix">
            <textarea class="area" placeholder="留言" name="content"></textarea>
          </div>
          <input type="hidden" name="dede_fields" value="name,text;tel,text;content,text"/>
          <input type="hidden" name="dede_fieldshash" value="b430c226756ec920d6ba032b04a5184a"/>

          <div class="submit">
            <input class="tijiao" value="提交" type="submit">
          </div>
        </form>
        <script type="text/javascript">
          function checkForm() {
            if (document.getElementById('name').value.length == 0) {
              alert('您的姓名不能为空');
              return false;
            }
            if (document.getElementById('tel').value.length == 0) {
              alert('您的电话不能为空');
              return false;
            }

            return true;
          }
        </script>
      </div>
      <!--在线留言结束-->


      <!--二维码开始-->
      <div class="foot_j"><b><img src="picture/weixing-ma-new.jpg"/></b>
        <p>微信二维码</p>
        <span>微信号：bainaonline</span></div>
      <!--二维码结束-->

    </div>
  </div>
</div>
<!--页尾结束-->


<!--版权开始-->
<div class="copyright">
  <div class="copy w1200 clearfix">
    <p class="copy">Copyright &copy; 2020 福建百纳在线网络技术有限公司 版权所有　备案号：
      <a href="http://www.beian.miit.gov.cn/" target="_blank" title="ICP备********号">ICP备********号</a>　
    </p>
  </div>
</div>
<!--版权结束-->

<!--wap底部图标开始-->
<div id="toolbar">
  <ul class="list clearfix">
    <li><a href="index.html" class="hover"><span class="too-home"></span></a></li>
    <li><a href="tel:+4008-990-990"><span class="too-tel"></span></a></li>
    <li><a onclick="dkcf()"><span class="too-qiao"></span></a></li>
    <li><a href=""><span class="too-map"></span></a></li>
  </ul>
</div>
<!--wap底部图标结束-->


<script src="js/aos.js"></script>
<script src="js/app.js"></script>
<script type="text/javascript">
  AOS.init({
    easing: 'ease-out-back',
    duration: 1000,
    disable: function () {
      var maxWidth = 960;
      return window.innerWidth < maxWidth;
    }

  });
</script>
</body>
</html>